<el-dialog
        title="编辑"
        :visible.sync="create.dialog"
        width="1250px"
        top="8vh"
        custom-class="Va-dialog auto"
        :lock-scroll="false"
        append-to-body
        {{--  监测抽屉鼠标事件  --}}
        :close-on-click-modal="mousedownClassBol"
        @mousedown.native="handleWrapperMousedown($event)"
        @mouseup.native="handleWrapperMouseup($event)"
        {{--  监测抽屉鼠标事件 End  --}}
        v-cloak data-7512a93d
>
    <div>
        <el-row :gutter="24" type="flex" class="Va-dialog-main" :style="layouts.dialogFormsHeight" data-7512a93d>

            <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
                <el-form ref="create.model" :model="create.model" :rules="create.rules" label-position="top" size="medium" class="Va-forms" data-7512a93d>

                    <el-row :gutter="20">
                        <el-col :span="13" :offset="1" style="margin-top: 10px">
                            <el-form-item label="文章标题" prop="title" required>
                                <el-input v-model="create.model.title" placeholder="请填写文章标题"></el-input>
                            </el-form-item>

                            <el-form-item label="详情" required prop="content">
                                <va-editor v-model="create.model.content" :key="config.__key" v-if="create.dialog" :height="400"></va-editor>
                            </el-form-item>
                        </el-col>
                        <el-col :span="7" :offset="1" style="margin-top: 10px">
                            <el-tabs v-model="config.properties">
                                <el-tab-pane label="基本信息" name="1"></el-tab-pane>
                                <el-tab-pane label="其他设置" name="3"></el-tab-pane>
                            </el-tabs>
                            <template v-if="config.properties == '1'">
                                <el-form-item label="分类" required prop="type_id">
                                    <el-select v-model="create.model.type_id" placeholder="请选择">
                                        <el-option
                                                v-for="item in typeItems"
                                                :key="item.id"
                                                :label="item.name"
                                                :value="item.id">
                                            <span class="select-line-left">@{{ item.name }}</span>
                                            <span class="select-line-right">ID:@{{ item.id }}</span>
                                        </el-option>
                                    </el-select>
                                </el-form-item>

                                <el-form-item label="文章简介" prop="description" required>
                                    <el-input type="textarea" v-model="create.model.description" placeholder="请填写文章简介" maxlength="200" show-word-limit></el-input>
                                    <Va-forms-tips>针对文章列表设置的描述，200个字以内</Va-forms-tips>
                                </el-form-item>

                                <el-form-item label="封面图" prop="image">
                                    <va-picture v-model="create.model.image" :size="2"></va-picture>
                                    {{--                        <va-forms-tips>图片尺寸：300*200</va-forms-tips>--}}
                                </el-form-item>

                                <el-form-item label="排序" prop="sort" class="float-clear">
                                    <el-input-number v-model="create.model.sort" :min="0" :max="999" label="排序"></el-input-number>
                                    <va-forms-tips>数字越大越靠前</va-forms-tips>
                                </el-form-item>
                            </template>
                            <template v-if="config.properties == '3'">
                                <el-form-item label="发布时间" prop="created_at">
                                    <el-date-picker
                                            v-model="create.model.created_at"
                                            type="datetime" style="width: 100%"
                                            placeholder="请选择新闻发布时间"  value-format="yyyy-MM-dd HH:mm:ss" format="yyyy-MM-dd HH:mm:ss">
                                    </el-date-picker>
                                </el-form-item>
                            </template>
                        </el-col>
                    </el-row>
                </el-form>
            </el-col>
        </el-row>
        <div slot="footer" class="Va-dialog-footer" data-7512a93d>
            <div class="Va-text-right" data-7512a93d>
                <el-button @click="dialogFormsSubmits('create')" type="primary" size="medium" :loading="create.loading">
                    @{{create.loading ? '提交中...' : '提 交'}}
                </el-button>
                <el-button @click="dialogFormsCloses('create')" size="medium">取 消</el-button>
            </div>
        </div>
    </div>
</el-dialog>


